{% for shape_group in shapeList %}
    <div class="col-lg-12">
        <ol class="breadcrumb">
            <li class="active">
                <i class="glyphicon glyphicon-flag"></i> {{ shape_group.shape_group_name }}
            </li>
        </ol>
    </div>
    <div class="row">
        {% for shape in shape_group.shapes %}
            <div class="col-lg-3 col-md-6">
                <div class="panel panel-{{ shape.color }}" data-toggle="modal"
                     onclick="show_model({{ shape.shape_id }},'{{ shape_group.shape_group_id }}','{{ shape.ext1 }}' )">
                    <div class="panel-heading">
                        <div class="row">
                            <div class="col-xs-3">
                                <i class="fa fa-tasks fa-5x"></i>
                            </div>
                            <div class="col-xs-9 text-right">
                                <div class="huge">{{ shape.title }}</div>
                                <div>{{ shape.desc }}</div>
                            </div>
                        </div>
                    </div>
                    <a href="/actions_chart/?shape_id={{ shape.shape_id }}&&name_server={{ shape_group.shape_group_id }}">
                        <div class="panel-footer">
                            <span class="pull-left">Addr:{{ shape.detail }}</span>
                            <span class="pull-right"><i class="fa fa-arrow-circle-right"></i></span>

                            <div class="clearfix"></div>
                        </div>
                    </a>
                </div>
            </div>

        {% endfor %}

    </div>
{% endfor %}
